<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的主页</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../static/css/ionicons.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../static/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <link href="../static/css/font-awesome.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../static/css/home.css">
        <link rel="stylesheet" type="text/css" href="../static/css/jq22.css">
    </head>
    <body class="skin-black">
        <header class="header">
            <a href="home.html" class="logo">
                我的主页
            </a>
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>Wcb<i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../static/img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                        Wcb
                                    </p>
                                </li>
                                
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">账户设置</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="login.html" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="../static/img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>你好,wcb</p>
                            <a href="#"><i class="fa fa-circle text-success"></i>在线</a>
                        </div>
                    </div>
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li class="active">
                            <a href="home.html">
                                <i class="fa fa-dashboard"></i> <span>首页</span>
                            </a>
                        </li>
                        
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-edit"></i> <span>查询</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="myOrder.html"><i class="fa fa-angle-double-right"></i>我的订单</a></li>
                                <li><a href="javascript:;"><i class="fa fa-angle-double-right"></i>我的设置</a></li>
                            </ul>
                        </li>
                        
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header cf">
                    <h1 class="orderSysm">
                        电影订票系统
                        <!-- <small>Control panel</small> -->
                    </h1>
                    <!-- search form -->
                    <form action="#" method="get" class="searchContainer">
                        <div class="input-group margin">
	                    	<input type="text" name="" class="form-control" id="searchBox" placeholder="请输入电影名称">
	                    	<span class="input-group-btn">
	                    		<button class="btn btn-info btn-flat" id="searchBtn" type="button">搜索</button>
	                    	</span>
	                    </div>
                    </form>
                    <!-- /.search form -->
                </section>

                <!-- 电影列表栏 -->
                <section class="content">
			        <div class="btn-group">
                        <button type="button" class="btn btn-info" id="on_show">正在热映</button>
                        <button type="button" class="btn btn-default" id="will_show">即将上映</button>
                    </div>

                    <div class="row">
	                    <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/aa.png">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">加勒比海盗:死无对证</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>

                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/bb.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">摔跤吧！爸爸</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>
                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/cc.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">29+1</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>

                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/dd.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">神奇女侠</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>
                    </div><!-- row -->

                    <div class="row">
                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/ee.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">"吃吃"的爱</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>

                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/ff.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">迷失z城</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>

                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/gg.jpg">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">哆啦A梦:大雄的南极冰冰</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>

                        <a href="movieDetail.html">
	                    	<div class="col-md-3">
	                            <div class="box box-solid">
	                            	<div class="box-body">
	                                    <img src="../static/img/hh.png">
	                                </div><!-- /.box-body -->
	                                <div class="box-header cf">
	                                    <h3 class="box-title" id="box-title">荡寇风云</h3>
	                                    <button class="btn btn-default btn-sm" id="buyTicket">购票</button>
	                                </div>
	                            </div>
	                        </div>
	                    </a>
                    </div><!-- row -->
                </section><!-- /电影列表栏 -->

            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- jQuery 2.0.2 -->
        <script src="../static/js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script type="text/javascript" src="../static/js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../static/js/publicDom.js"></script>
        <script type="text/javascript" src="../static/js/home.js"></script>
        <!-- AdminLTE App -->
        <script src="../static/js/app.js" type="text/javascript"></script>
       	<script type="text/javascript" src="../static/js/layer/layer.js"></script>
        <!-- <script type="text/javascript" src="../static/js/moviesInfo.js"></script> -->
    </body>
</html>